<ion-header>
    <ion-navbar>
        <ion-title><b>提交申请</b></ion-title>
        <ion-buttons end>
            <button ion-button color="primary" (click)="dismiss()">
                关闭
            </button>
        </ion-buttons>
    </ion-navbar>
</ion-header>

<ion-content padding>
    <ion-list>
        <ng-container *ngFor="let item of applies" >
            <ion-row style="border-bottom: 1px solid #DCDCDC;" align-items-center>
                <ion-col col-4>
                    <span class="detail-list" style="color: #333333;">{{item.materialName}}</span>
                </ion-col>
                <ion-col col-3 style="text-align: center;">
                    <span class="detail-list" style="color: #333333;">{{item.materialIndexs}}</span>
                </ion-col>
                <ion-col col-5 style="text-align: center;">
                    <ion-row>
                        <ion-col col-4>
                            <div (click)="decrease(item)" style="float: right;">
                            <img style="max-width: 25px;max-height: 25px;" src="assets/imgs/minus.png"/>
                            </div>
                        </ion-col> 
                        <ion-col col-4>
                            <input type="number" value="{{item.materialCount}}" min="0" max="99" readonly style="width:100%;text-align:center;padding: 4px;border:1px solid #ccc;" />
                        </ion-col>
                        <ion-col col-4>
                            <div (click)="increase(item)" style="float: left;">
                                <img style="max-width: 25px;max-height: 25px;" src="assets/imgs/plus.png"/>
                            </div>
                        </ion-col>
                    </ion-row>
                </ion-col>
            </ion-row>
        </ng-container>
    </ion-list>
</ion-content>

<ion-footer>
    <ion-toolbar>
        <div>已选择：<span style="color: #3A90F6;">{{selectedCount}}</span>件</div>
        <ion-buttons end>
        <button (click)="submit()" ion-button large icon-end style="color:#fff;background-color: #3A90F6;">
            提交申请
        </button>
        </ion-buttons>
    </ion-toolbar>
</ion-footer>